// 0, 1,
$padding: (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100);

@for $i from 1 through length($padding) {
    $item: nth($padding, $i);

    .af-fs-#{$item} {
        font-size: #{$item}upx;
    }

    .af-pt-#{$item} {
        padding-top: #{$item}upx;
    }

    .af-pb-#{$item} {
        padding-bottom: #{$item}upx;
    }

    .af-pl-#{$item} {
        padding-left: #{$item}upx;
    }

    .af-pr-#{$item} {
        padding-right: #{$item}upx;
    }

    .af-pall-#{$item} {
        padding: #{$item}upx;
    }

    .af-mt-#{$item} {
        margin-top: #{$item}upx;
    }

    .af-mb-#{$item} {
        margin-bottom: #{$item}upx;
    }

    .af-ml-#{$item} {
        margin-left: #{$item}upx;
    }

    .af-mr-#{$item} {
        margin-right: #{$item}upx;
    }

    .af-mall-#{$item} {
        margin: #{$item}upx;
    }

    .af-border-radius-#{$item} {
        border-radius: #{$item}upx;
    }

    .af-flex-#{$item} {
        flex: #{$item};
    }

}

// 对齐方式
.af-ta-right {
    text-align: right;
}

.af-ta-center {
    text-align: center;
}

.af-ta-left {
    text-align: left;
}

//宽高显示--100%
.af-w-100 {
    width: 100%;
    position: relative;
    // box-sizing: border-box;
}

.af-h-100 {
    height: 100%;
    position: relative;
    // box-sizing: border-box;
}

/*文本颜色*/
.af-txt-succ {
    color: #4cd964 !important;
}

.af-txt-blue {
    color: #0076FE !important;
}

.af-txt-warn {
    color: #f0ad4e !important;
}

.af-txt-err {
    color: #dd524d !important;
}

/* ========= 文本溢出省略 START=======*/
/* 单行超出省略文本 */
.af-txt-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.af-txt-overflow-l2,
.af-txt-overflow-l3,
.af-txt-overflow-l4 {
    overflow: hidden;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/* 2行省略 */
.af-txt-overflow-l2 {
    -webkit-line-clamp: 2;
}

/* 3行省略 */
.af-txt-overflow-l3 {
    -webkit-line-clamp: 3;
}

/* 4行省略 */
.af-txt-overflow-l4 {
    -webkit-line-clamp: 4;
}

/* ========= 文本溢出省略 END=======*/